<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../iquery和mock模板/jquery.min.js"></script>
    <script src="../iquery和mock模板/mock-min.js"></script>
    <!-- id问题 -->
    <!-- <script src="../../../iquery和mock模板/utils.js"></script> -->
    <script src="./js/teaadd.js"></script>
    <script src="./api/teamock.js"></script>

    <style>    
        .box {
            width: 500px;
            height: 500px;
            background-color: skyblue;
            margin: auto;
        }

        .box #img {
            width: 280px;
            height: 180px;
            margin: auto;
            background-color: pink;
        }

        p {
            text-align: center;
        }

        button {
            display: block;
            width: 100px;
            height: 50px;
            text-align: center;
            background-color: rgb(4, 239, 200);
            margin: auto;
        }
    </style>


</head>

<body>
    <img src="../../Rang茶商店/03茶叶/茶叶简介.html" alt="">
    <button onclick="teaadd()">点击添加</button>
    <div class="box">
        茶叶名称<input type="text">
        <input type="file" onchange="tuPian()">
        茶叶类型<select>
            <option value="0">绿茶</option>
            <option value="1">黄茶</option>
            <option value="2">乌龙茶</option>
            <option value="3">红茶</option>
            <option value="4">黑茶</option>
            <option value="5">白茶</option>
            <option value="6">花茶</option>

        </select>
        茶叶价钱<input type="number">
        <p>茶叶照片</p>
        <div id="img"><img src="" alt=""></div>
    </div>
</body>

</html>